<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".yListr ul li em").click(function(){
                $(this).addClass("yListrclickem").siblings().removeClass("yListrclickem");
            })
        })
    </script>

    <style type="text/css">
        *{margin:0;padding:0;list-style-type:none;}
        a,img{border:0;text-decoration:none;}
        body{font:14px/180% Arial, Helvetica, sans-serif, "新宋体";}

        .yListr{width:189px;text-align: center;font-family:"微软雅黑";margin:46px auto 0 auto;}
        .yListr ul{padding-bottom:10px;margin-bottom:13px;}
        .yListr ul li{height:36px;margin-bottom:23px;}
        .yListr ul li span{color:#000000;font-size:14px;line-height:36px;display:inline-block;width:42px;padding-left:4px;}
        .yListr ul li em{margin-bottom:16px;cursor:pointer;color:#666666;font-size:14px;display:inline-block;padding:0 10px;font-style:normal;border:1px solid #dcdcdc;line-height:34px;height:34px;width: 180px}
        .yListr ul li em.yListrclickem{line-height:32px;border:2px solid #e9630a;height:34px;position:relative;padding:0 9px;}
        .yListr ul li em.yListrclickem i{display:block;width:15px;height:14px;background:url(${pageContext.request.contextPath}/assets/images/righbt.png) no-repeat 0 0;right:-1px;bottom:-1px;position:absolute;}
    </style>

</head>
<body>

<div class="yListr">

    <ul>
        <li>
            <c:forEach items="${goods_attr}" varStatus="status" var="p">
                <c:if test="${status.count==1}">
                    <em class="yListrclickem">
                        <input type="hidden" class="gy" name="addid" value="${p.ID}"/>
                        <div class="yListrname">
                            大小：${p.size} 颜色：${p.color}
                        </div><i></i>
                    </em></br>
                </c:if>
                <c:if test="${status.count!=1}">
                    <em >
                        <input type="hidden" class="gy" name="addid" value="${p.ID}"/>
                        <div class="yListrname">
                            大小：${p.size} 颜色：${p.color}
                        </div><i></i>
                    </em></br>
                </c:if>
            </c:forEach>
        </li>
    </ul>
</div>
</body>
</html>
